body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
body{background:#ffffff;color:#333333;font-size:12px;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif; }
table,td,th,caption {color:#333333;font-size:12px;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
A:link,a:visited {color:#555555;font-family:΢ÈíÑźÚ,Arial,Helvetica,sans-serif,Verdana,ËÎÌå;font-size:12px;font-weight:normal;text-decoration:none; }
a:hover {COLOR: #cc0000;font-family:΢ÈíÑźÚ,Arial,Helvetica,sans-serif,Verdana,ËÎÌå;font-size:12px;font-weight:normal;text-decoration:none;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif;margin:0px;}
input{height:18px}
.go-wenbenkuang{background:#ff3300;color:#ffffff;height:28px;line-height:18px;padding-left:10px;padding-right:10px;border:1px solid #cc0000}
.inputstyle{background:#ffffff;color: #CCCCCC;margin:0px;height:22px;line-height:22px;padding-left:5px;padding-right:5px;border:0px;outline:0;}
.inputsub{background:#ff3300;color:#ffffff;;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;height:30px;line-height:20px;padding-left:15px;padding-right:15px;border:1px solid #ff0000}
.inputchoose{vertical-align:text-bottom; margin-bottom:0px; margin-bottom:-2px\9;}

.inputgoback{background:#666666;color:#ffffff;;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;height:30px;line-height:20px;padding-left:15px;padding-right:15px;border:1px solid #333333}
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.dis{display:block;}
.undis{display:none;} 

.tbkang{background-color:#ececec;border:#cccccc 1px solid;height:18px;}
.tbkang2{background-color:#ececec;border:#cccccc 1px solid;}

/*ÍøÕ¾¶¥²¿µ¼º½css¿ªÊ¼*/

@media screen and (max-width: 768px) {
#webtop{background:url(../images/top_bg.jpg) repeat-x;background-size:100% 100%;height:6em;}
#webtop #wtcon{width:100%;max-width:768px;height:auto;margin:0 auto; position:relative;overflow:hidden}
#webtop #wtcon #logo{width:70%;height:auto;float:left;overflow:hidden}
#webtop #wtcon #logo img{height:6em;float:left;margin-left:1em;overflow:hidden}
#webtop #wtcon #catapng{width:30%;height:auto;text-align:right;float:right;overflow:hidden}
#webtop #wtcon #catapng img{height:2em;margin-right:1.5em;margin-top:1.5em;float:right;overflow:hidden}
#webtop #wtcon #menu{width:100%;height:auto;float:right;list-style-type:none;overflow:hidden}
#webtop #wtcon #menu ul{width:100%;height:auto;list-style:none;margin:0px;margin:0 auto;padding:0px}
#webtop #wtcon #menu ul > li{background:#18448e;border-bottom:1px #1C58B9 solid;width:100%;height:auto;line-height:2.5em;text-align:center;list-style:none;padding:0; margin:0; position:relative;z-index:100;display:block;overflow:hidden}
#webtop #wtcon #menu ul li > a,#webtop #wtcon #menu li > a:visited {width:100%;height:2.5em;line-height:2.5em;color:#ffffff;font-size:1.2em;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;height:auto;line-height:2.5em;text-decoration:none;display:block;overflow:hidden}
#webtop #wtcon #menu ul li > a:hover {width:100%;height:2.5em;line-height:2.5em;color:#ffffff;display:block;font-size:1.2em;height:auto;line-height:2.5em;border:0;overflow:hidden}
#webtop #wtcon #menu #topclass{clear:both;width:100%;border-bottom:solid 1px #316a91;margin:0 auto;}
#webtop #wtcon #menu #topclass ul li{background:#18448e;border-bottom:solid 1px #316a91;}
#webtop #wtcon #menu #topclass ul li a{color:#ffffff;height:2.5em;line-height:2.5em;font-size:1.2em;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;display:block;line-height: 36px;position: relative;}
#webtop #wtcon #menu #topclass #noneusetop{width:0px;height:0px;overflow:hidden;border:0px}
#webtop #wtcon #menu #topclass #noneusetop a{width:0px;height:0px;overflow:hidden;border:0px}
#webtop #wtcon #menu #topclass > ul > li > .inactive{background:url(../images/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#webtop #wtcon #menu #topclass > ul > li > .inactives{background:url(../images/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#webtop #wtcon #menu #topclass ul li ul{display: none;}
#webtop #wtcon #menu #topclass ul li ul li { border-left:0; border-right:0; background-color:#6196bb; border-color:#467ca2;}
#webtop #wtcon #menu #topclass ul li ul li ul{display: none;}
#webtop #wtcon #menu #topclass ul li ul li a{ padding-left:0px;}
#webtop #wtcon #menu #topclass ul li ul li ul li { background-color:#dcdcdc; border-color:#6196bb; }
#webtop #wtcon #menu .last{ background-color:#d6e6f1; border-color:#6196bb; }
#webtop #wtcon #menu .secmenu{background-color:#dcdcdc;color:000000; border:1px solid #6196bb; }
#webtop #wtcon #menu #topclass ul li ul li ul li a{ color:#316a91; padding-left:30px;}

#webtop #wtcon #menu .no767{display:none !important}
/*#webtop #wtcon #menu #sortclass{background:#006699;width:100%;height:30px;color:#ffffff;display:block}
#webtop #wtcon #menu #sortclass a{color:#ffffff;display:block}*/
}
@media screen and (min-width: 768px) {
#webtop{background:url(../images/top_bg.jpg);width:100%;height:118px;}
#webtop #wtcon{width:100%;max-width:1240px;height:118px;margin:0 auto}
#webtop #wtcon #logo{width:240px;height:125px;float:left;overflow:hidden}
#webtop #wtcon #menu{width:960px;height:64px;margin:0 auto;float:right;margin-top:15px;list-style-type:none;}
#webtop #wtcon #menu ul{width:100%;height:64px;line-height:90px;list-style:none;margin:0px;margin:0 auto;padding:0px}
#webtop #wtcon #menu ul li{width:10%;height:64px;line-height:90px;text-align:center;list-style:none;padding:0; margin:0; position:relative;z-index:100;float:left;}
#webtop #wtcon #menu dl {position:absolute; top:0; left:0; padding-bottom:0;overflow:hidden}
#webtop #wtcon #menu li a,#webtop #wtcon #menu li a:visited {color:#595757;font-size:14px;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;height:64px;line-height:90px;text-decoration:none;}
#webtop #wtcon #menu li a:hover {background-image:url(../images/menu_hover.png);color:#ffffff;display:block;font-size:14px;height:64px;line-height:90px;border:0;}
#webtop #wtcon #menu li dd {display:none;}
#webtop #wtcon #menu li:hover dd,#webtop #wtcon #menu li a:hover dd {display:block;margin:0px;padding:0px}
#webtop #wtcon #menu li:hover dl,#webtop #wtcon #menu li a:hover dl {padding-bottom:0px;}
#webtop #wtcon #menu dl {width:100%; margin: 0; padding: 0; background: transparent;}
#webtop #wtcon #menu dt {margin:0; padding: 0;}
#webtop #wtcon #menu dd {width: 100%;margin:0;padding:0;color: #ffffff;height:30px;line-height:30px;text-align:left;}
#webtop #wtcon #menu dt a,#webtop #wtcon #menu dt a:visited {color:#595757;display:block;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;text-align:center;}
#webtop #wtcon #menu li:hover dt a, #webtop #wtcon #menu a:hover dt a {background-image:url(../images/menu_hover.png);color:#ffffff;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;}
#webtop #wtcon #menu dd a,#webtop #wtcon #menu dd a:visited {background:url(../images/left.png) 0px -73px;font-size:12px;line-height:30px;text-decoration:none;display:block;padding-left:15px;text-align:left;}
#webtop #wtcon #menu dd a:hover {padding:0px;margin:0px;background:#18448D;color:#ffffff;font-size:12px;line-height:30px;padding-left:15px;text-align:left;display:block;}
#webtop #wtcon #catapng{display:none}
#webtop #wtcon #menu #topclass{display:block !important}
#webtop #wtcon #menu #topclass ul li ul{display: none;}

#webtop #wtcon #menu .no768{display:none !important}
/*#webtop #wtcon #menu #sortclass{background:url(../images/menu_hover.png);width:100%;height:64px;color:#ffffff;display:block}
#webtop #wtcon #menu #sortclass a{color:#ffffff;display:block}*/
}


@media screen and (max-width: 768px) {
#flash{background:#197fce;width:100%;height:25em;overflow:hidden;margin:0 auto}
#flash .banner-box{width:100%;height:25em;position:relative;overflow:hidden}
#flash .banner-box .bd{width:100% !important;}
#flash .banner-box .bd ul{margin:0px;padding:0px}
#flash .banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
#flash .banner-box .bd li{background-size:155% 100% !important;width:100% !important;height:25em;list-style:none;margin:0px auto;padding:0px;margin-top:0px;overflow:hidden}
#flash .banner-box .bd li a{width:100% !important;height:25em;display:block;background-size:auto;}

#flash .banner-btn{width:100%;position:absolute;top:22empx;left:50%;margin-left:-500px;}
#flash .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
#flash .banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
#flash .banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

#flash .banner-box .hdd {position:relative;top:5empx;left:25em;}
#flash .banner-box .hdd ul li{width:15px;height:15px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ffffff;float:left;cursor:pointer;}
#flash .banner-box .hdd ul li.on{background:#cc0000;}
}
@media screen and (min-width: 768px) {
#flash{background:#197fce;width:100%;height:490px;overflow:hidden;margin:0 auto}
#flash .banner-box{min-width:1000px;height:490px;position:relative;overflow:hidden}
#flash .banner-box .bd{width:100% !important;}
#flash .banner-box .bd ul{margin:0px;padding:0px}
#flash .banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
#flash .banner-box .bd li{width:100% !important;height:490px;list-style:none;margin:0px auto;padding:0px;margin-top:0px;overflow:hidden}
#flash .banner-box .bd li a{width:100% !important;height:490px;display:block;background-size:auto;}

#flash .banner-btn{width:1000px;position:absolute;top:405px;left:50%;margin-left:-500px;}
#flash .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
#flash .banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
#flash .banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

#flash .banner-box .hdd {position:relative;top:50px;left:490px;}
#flash .banner-box .hdd ul li{width:15px;height:15px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ffffff;float:left;cursor:pointer;}
#flash .banner-box .hdd ul li.on{background:#cc0000;}
}



@media screen and (max-width: 768px) {
#ggandser{display:none}
}
@media screen and (min-width: 768px) {
#ggandser{background:#eaeaea;width:100%;height:45px;margin:0 auto;margin-bottom:20px;overflow:hidden}
#ggandser #ggsercon{width:95%;height:45px;line-height:45px;margin:0 auto}
#ggandser #ggsercon #gongao{background:url(../images/ggicon.jpg) left center no-repeat;width:38%;float:left;overflow:hidden}
#ggandser #ggsercon #gongao #ggtxt{width:expression((obj.width - 25) + "px");padding-left:25px;}
#ggandser #ggsercon #search{width:62%;float:left}
#ggandser #ggsercon #search #serinput{background:#ffffff;width:178px !important;width:180px;height:22px !important;height:24px;margin-top:10px;border:1px #dcdcdc solid;float:left}
#ggandser #ggsercon #search #serinput input{width:140px;float:left;margin:0px;height:22px;overflow:vidden}
#ggandser #ggsercon #search #serinput #sersub{width:25px;margin:0px;height:22px;float:left}
#ggandser #ggsercon #search #hotser{width:auto;padding-left:12px;height:45px;line-height:45px;float:left}
}



@media screen and (max-width: 768px) {
#banner{display:none}
#bannerm{width:100%;height:auto;margin:0 auto;overflow:hidden}
#bannerm img{width:100%;height:auto;overflow:hidden}
#newsend{display:none}
}
@media screen and (min-width: 768px) {
#banner{width:100%;height:250px;margin:0 auto;overflow:hidden}
#bannerm{display:none}
#newsend{background:url(../images/flash_end.jpg);width:100%;height:6px;margin-bottom:15px;overflow:hidden}
}
/*ÍøÕ¾¶¥²¿µ¼º½css½áÊø*/

/*Ê×Ò³¼ò½é¼°ÐÂÎÅcss*/
@media screen and (max-width: 768px) {
#indexbody{width:100%;height:auto;overflow:hidden;margin:0 auto;margin-bottom:4.5em}
#indexbody #wecando #wcdtitle{width:96%;max-width:1200px;height:auto;color:#18448e;font-size:24px;text-align:center;margin:1em auto;margin-top:2em;overflow:hidden}
#indexbody #wecando ul li{width:90%;height:auto;line-height:22px;font-size:14px;margin:2em auto;display:block;overflow:hidden}
#indexbody #wecando ul li img{height:6em;float:left;padding-top:0px;margin-right:15px;}
#indexbody #wecando ul li span{padding-top:1em;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;display:block;color:#595757;}
}
@media screen and (min-width: 768px) {
#indexbody{width:100%;height:auto;overflow:hidden;margin:0 auto;}
#indexbody #wecando #wcdtitle{width:96%;max-width:1200px;height:auto;color:#18448e;font-size:24px;text-align:center;margin:40px auto;overflow:hidden}
#indexbody #wecando ul li{width:30%;height:auto;line-height:22px;font-size:14px;margin-right:3%;float:left;overflow:hidden}
#indexbody #wecando ul li img{float:left;padding-top:0px;margin-right:15px;}
#indexbody #wecando ul li span{padding-top:15px;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;color:#595757;}
}

#indexbody #wecando{width:96%;max-width:1200px;height:auto;margin:0 auto;overflow:hidden}
#indexbody #wecando #wcdtitle span{color:#595757;font-size:18px;}
#indexbody #wecando ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}




#indexbody #products{width:96%;max-width:1200px;height:auto;margin:60px auto;overflow:hidden}
#indexbody #products #catalog #catatitle{background:#18448e;padding-left:50px;width:100%;height:32px;line-height:32px;font-size:14px;color:#ffffff;}
#indexbody #products #catalog #catacon{background:#eaeaea;width:100%;height:auto;overflow:hidden}
#indexbody #products #catalog #catacon dl{width:163px;height:auto;margin:15px auto;overflow:hidden}
#indexbody #products #catalog #catacon dl dt{background:url(../images/catalog_jg.jpg) center bottom no-repeat;width:163px;height:25px;line-height:20px;font-size:14px;color:#18448e;overflow:hidden}
#indexbody #products #catalog #catacon dl dt a{font-size:14px;color:#18448e;}
#indexbody #products #catalog #catacon dl dd{width:163px;height:auto;margin-top:5px;line-height:20px;font-size:12px;color:#898989;overflow:hidden}

/*------------ Main Menu ------------*/
.mainmenu {background:#eaeaea;width:100%;height:auto;overflow:hidden;margin: 0px auto;position:relative;}
.mainmenu ul li{cursor: pointer;}
.mainmenu > li {cursor: pointer;width:100%;height:35px;line-height:30px;font-size:14px;color:#18448e;padding-left:0px;margin:0 auto}
.mainmenu > li a{width:100%;font-size:14px;color:#18448e;}
.mainmenu > li:first-child {border-radius:0px 0px 0 0;border-top: 0;}
.mainmenu > li:last-child {border-radius: 0 0 0px 0px;}
.mainmenu > li span {background:url(../images/catalog_jg.jpg) center bottom no-repeat;width:100%;display:block;height:35px;line-height: 35px;padding-left:25px;}

/*------------ Sub Menu ------------*/
.submenu {box-sizing: border-box;color: #ae9f9f;font-size: 13px;content: " ";/*opacity: 0.5;*/}
.submenu li {width:100%;line-height: 20px;height:20px;padding-top:10px;margin-left:0px;transition: border-left 220ms ease-in;display:block}
/*.submenu .chosen,.submenu .chosen:hover {border-left: solid 6px #96d145;}
.submenu li:hover {border-left: solid 6px #d05942;}*/
.submenu li span {margin-left:30px;}
.animate {animation: flip 2000ms ease-in-out alternate;}

@keyframes flip {
	to {
		transform: rotateY(360deg);
	}
}


@media screen and (max-width: 768px) {
#indexbody #products #catalog{display:none}
#indexbody #products #tjprods{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody #products #tjprods #tjprodtitle{width:100%;height:31px !important;height:32px;line-height:25px;color:#18448e;font-size:24px;border-bottom:1px #DCDCDC solid;overflow:hidden}
#indexbody #products #tjprods #tjprodtitle font{height:31px !important;height:32px;line-height:25px;color:#18448e;font-size:24px;float:left}
#indexbody #products #tjprods #tjprodtitle span{line-height:32px;padding-left:10px;font-size:14px;color:#9fa0a0;float:left}
#indexbody #products #tjprods #tjprodtitle h3{line-height:32px;font-size:14px;color:#9fa0a0;float:right}
#indexbody #products #tjprods #tjprodcon{width:100%;height:auto;overflow:hidden}
#indexbody #products #tjprods #tjprodcon ul{width:100%;height:auto;overflow:hidden;margin:0px;padding:0px}
#indexbody #products #tjprods #tjprodcon ul li{width:50%;height:auto;margin-top:25px;overflow:hidden;float:left}
#indexbody #products #tjprods #tjprodcon ul li #imgdiv{width:90%;height:auto;text-align:center;margin:0 auto}
#indexbody #products #tjprods #tjprodcon ul li #imgdiv img{width:100%;height:auto;border:1px #eeeeee solid}
#indexbody #products #tjprods #tjprodcon ul li #txtdiv{width:90%;height:25px;line-height:35px;text-align:center;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;color:#18448e;margin:0 auto}
#indexbody #products #tjprods #tjprodcon ul li #txtdiv a{color:#18448e;font-size:14px}
#indexbody #products #tjprods #tjprodcon ul li img{max-width:200px;max-height:200px;}
}
@media screen and (min-width: 768px) {
#indexbody #products #catalog{width:16%;height:auto;float:left;overflow:hidden}
#indexbody #products #tjprods{width:80%;height:auto;margin-left:4%;float:left;overflow:hidden}
#indexbody #products #tjprods #tjprodtitle{width:100%;height:31px !important;height:32px;line-height:25px;color:#18448e;font-size:24px;border-bottom:1px #DCDCDC solid;overflow:hidden}
#indexbody #products #tjprods #tjprodtitle font{height:31px !important;height:32px;line-height:25px;color:#18448e;font-size:24px;float:left}
#indexbody #products #tjprods #tjprodtitle span{line-height:32px;padding-left:10px;font-size:14px;color:#9fa0a0;float:left}
#indexbody #products #tjprods #tjprodtitle h3{line-height:32px;font-size:14px;color:#9fa0a0;float:right}
#indexbody #products #tjprods #tjprodcon{width:100%;height:auto;overflow:hidden}
#indexbody #products #tjprods #tjprodcon ul{width:100%;height:auto;overflow:hidden;margin:0px;padding:0px}
#indexbody #products #tjprods #tjprodcon ul li{width:33.3%;height:auto;margin-top:20px;overflow:hidden;float:left}
#indexbody #products #tjprods #tjprodcon ul li #imgdiv{width:300px;height:300px;border:1px #dcdcdc solid;}
#indexbody #products #tjprods #tjprodcon ul li #txtdiv{width:300px;height:25px;line-height:35px;text-align:center;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;color:#18448e}
#indexbody #products #tjprods #tjprodcon ul li #txtdiv a{color:#18448e;font-size:14px}
#indexbody #products #tjprods #tjprodcon ul li img{max-width:300px;max-height:300px;}
}


#indexbody #whychoose{background:#F0F0F0;width:100%;height:auto;overflow:hidden}
#indexbody #whychoose #whchcon{width:96%;max-width:1200px;height:auto;margin:0 auto;overflow:hidden}
#indexbody #whychoose #whchcon #whchtitle span{color:#595757;font-size:18px;}
@media screen and (max-width: 768px) {
#indexbody #whychoose #whchcon #whchtitle{width:96%;max-width:1200px;height:auto;color:#18448e;font-size:24px;text-align:center;margin:1.5em auto;overflow:hidden}
#indexbody #whychoose #whchcon dl{width:90%;height:auto;margin:0 auto;margin-bottom:2em;display:block;overflow:hidden}
#indexbody #whychoose #whchcon dl dt{width:100%;height:auto;text-align:center;margin:0 auto;overflow:hidden}
#indexbody #whychoose #whchcon dl dt img{margin-bootom:2%}
#indexbody #whychoose #whchcon dl dd{width:100%;height:auto;text-align:center;line-height:22px;margin:0 auto;overflow:hidden}
}
@media screen and (min-width: 768px) {
#indexbody #whychoose #whchcon #whchtitle{width:96%;max-width:1200px;height:auto;color:#18448e;font-size:24px;text-align:center;margin:40px auto;overflow:hidden}
#indexbody #whychoose #whchcon dl{width:33%;height:auto;margin-bottom:30px;float:left;overflow:hidden}
#indexbody #whychoose #whchcon dl dt{width:350px;height:auto;text-align:center;margin:0 auto;overflow:hidden}
#indexbody #whychoose #whchcon dl dt img{margin-bootom:2%}
#indexbody #whychoose #whchcon dl dd{width:350px;height:auto;line-height:22px;margin:0 auto;overflow:hidden}
}


@media screen and (max-width: 768px) {
#indexbody #aboutandinfos{width:96%;height:auto;margin:2em auto;overflow:hidden}
#indexbody #aboutandinfos #abintitle{width:100%;height:auto;margin:0 auto;color:#18448e;font-size:24px;text-align:center;margin-bottom:1.5em;overflow:hidden}
#indexbody #aboutandinfos #abintitle span{color:#595757;font-size:18px;}
#indexbody #aboutandinfos #about{width:90%;height:auto;margin:0 auto;poverflow:hidden}
#indexbody #aboutandinfos #about #abtitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #about #abcon{line-height:24px;font-size:14px;padding-top:10px;}

#indexbody #aboutandinfos #news{width:90%;height:auto;margin:0 auto;poverflow:hidden}
#indexbody #aboutandinfos #news #newstitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #news #newscon{width:100%;height:auto;overflow:hidden}
#indexbody #aboutandinfos #news #newscon ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}
#indexbody #aboutandinfos #news #newscon ul li{background:url(../images/news_icon.jpg) left center no-repeat;width:100%;padding-left:12px;height:24px;line-height:24px;display:block}
#indexbody #aboutandinfos #news #newscon #newspic{width:100%;height:auto;margin:10px auto;overflow:hidden}
#indexbody #aboutandinfos #news #newscon #newspic img{width:100%}

#indexbody #aboutandinfos #faqs{width:90%;height:auto;margin:0 auto;poverflow:hidden}
#indexbody #aboutandinfos #faqs #faqtitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #faqs #faqcon{width:100%;height:auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon #faqpic{width:100%;height:auto;margin:10px auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon #faqpic img{width:100%}
#indexbody #aboutandinfos #faqs #faqcon dl{width:100%;height:auto;magin:0 auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dt{background:url(../images/faq_qicon.jpg) left center no-repeat;width:100%;height:28px;line-height:28px;magin:0 auto;color:#cc0000;margin-top:5px;padding-left:25px;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dt a{color:#18448e;font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#indexbody #aboutandinfos #faqs #faqcon dl dd{background:url(../images/faq_aicon.jpg) 0px 5px no-repeat;width:100%;height:44px;line-height:22px;padding-left:25px;magin:0 auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dd a{font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
}
@media screen and (min-width: 768px) {
#indexbody #aboutandinfos{width:95%;height:auto;margin:60px auto;overflow:hidden}
#indexbody #aboutandinfos #abintitle{width:100%;max-width:1200px;height:auto;margin:0 auto;color:#18448e;font-size:24px;text-align:center;margin-bottom:30px;overflow:hidden}
#indexbody #aboutandinfos #abintitle span{color:#595757;font-size:18px;}
#indexbody #aboutandinfos #about{width:36%;height:auto;float:left;overflow:hidden}
#indexbody #aboutandinfos #about #abtitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #about #abcon{line-height:24px;font-size:14px;padding-top:10px;}
#indexbody #aboutandinfos #news{width:27%;height:auto;margin-left:5%;float:left;overflow:hidden}
#indexbody #aboutandinfos #news #newstitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #news #newscon{width:100%;height:auto;overflow:hidden}
#indexbody #aboutandinfos #news #newscon ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}
#indexbody #aboutandinfos #news #newscon ul li{background:url(../images/news_icon.jpg) left center no-repeat;width:100%;padding-left:12px;height:24px;line-height:24px;display:block}
#indexbody #aboutandinfos #news #newscon #newspic{width:100%;height:auto;margin:10px auto;overflow:hidden}
#indexbody #aboutandinfos #faqs{width:27%;height:auto;margin-left:5%;float:left;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqtitle{width:100%;height:44px !important;height:45px;line-height:44px;color:#18448e;font-size:18px;overflow:hidden;border-bottom:1px #dcdcdc solid}
#indexbody #aboutandinfos #faqs #faqcon{width:100%;height:auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon #faqpic{width:100%;height:auto;margin:10px auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl{width:100%;height:auto;magin:0 auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dt{background:url(../images/faq_qicon.jpg) left center no-repeat;width:100%;height:28px;line-height:28px;magin:0 auto;color:#cc0000;margin-top:5px;padding-left:25px;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dt a{color:#18448e;font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#indexbody #aboutandinfos #faqs #faqcon dl dd{background:url(../images/faq_aicon.jpg) 0px 5px no-repeat;width:100%;height:44px;line-height:22px;padding-left:25px;magin:0 auto;overflow:hidden}
#indexbody #aboutandinfos #faqs #faqcon dl dd a{font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
}



#indexbody #process{background:#F0F0F0;width:100%;height:auto;overflow:hidden}
#indexbody #process #procecon #proctitle span{color:#595757;font-size:18px;}

@media screen and (max-width: 768px) {
#indexbody #process #procecon{width:96%;height:auto;margin:0 auto;margin-bottom:10px;overflow:hidden}
#indexbody #process #procecon #proctitle{width:100%;max-width:1200px;height:auto;color:#18448e;font-size:14px;text-align:center;margin:1.5em auto;overflow:hidden}
#indexbody #process #procecon dl{width:90%;height:auto;margin:0 auto;margin-bottom:1em;display:block;overflow:hidden}
#indexbody #process #procecon dl dt{width:100%;height:auto;text-align:center;margin:0 auto;overflow:hidden}
#indexbody #process #procecon dl dt img{width:100%;margin-bottom:0px}
#indexbody #process #procecon dl dd{width:100%;height:auto;line-height:22px;margin:0 auto;overflow:hidden}
#indexbody #process #procecon dl .procetxt{width:100%;height:2em;text-align:center;line-height:1.5em;color:#18448e;font-size:1.5em;margin:0 auto;overflow:hidden}

}
@media screen and (min-width: 768px) {
#indexbody #process #procecon{width:1200px;height:auto;margin:0 auto;margin-bottom:10px;overflow:hidden}
#indexbody #process #procecon #proctitle{width:100%;max-width:1200px;height:auto;color:#18448e;font-size:24px;text-align:center;margin:40px auto;overflow:hidden}
#indexbody #process #procecon dl{width:25%;height:auto;margin-bottom:30px;position:relative;float:left; overflow:hidden}
#indexbody #process #procecon .dl2{width:300px;height:auto;margin-bottom:30px;position:relative;float:right; overflow:hidden}
#indexbody #process #procecon dl dt{width:258px;height:215px;text-align:center;margin:0 auto;overflow:hidden;display:block}
#indexbody #process #procecon dl dd{background:url(../images/processing_hover04.jpg) top center no-repeat;opacity:0.7;filter:alpha(opacity=70);position:absolute;z-index:18;left:0;top:0;width:300px;height:215px;text-align:center;line-height:215px;color:#ffffff;font-size:14px;margin:0 auto;display:none;overflow:hidden}
#indexbody #process #procecon .dd2{/*background:url(../images/processing_hover02.jpg) top center no-repeat;opacity:0.7;filter:alpha(opacity=70);*/position:absolute;z-index:18;left:0;top:0;width:258px;height:215px;text-align:center;line-height:215px;color:#ffffff;font-size:14px;margin:0 auto;display:none;overflow:hidden}
#indexbody #process #procecon .dd3{/*background:url(../images/processing_hover03.jpg) top center no-repeat;opacity:0.7;filter:alpha(opacity=70);*/position:absolute;z-index:18;left:0;top:0;width:258px;height:215px;text-align:center;line-height:215px;color:#ffffff;font-size:14px;margin:0 auto;display:none;overflow:hidden}
#indexbody #process #procecon .dd4{/*background:url(../images/processing_hover04.jpg) top center no-repeat;opacity:0.7;filter:alpha(opacity=70);*/position:absolute;z-index:18;left:0;top:0;width:258px;height:215px;text-align:center;line-height:215px;color:#ffffff;font-size:14px;margin:0 auto;display:none;overflow:hidden}
#indexbody #process #procecon dl .procetxt{position:absolute;z-index:28;left:0;top:0;width:285px;height:215px;text-align:center;line-height:215px;color:#ffffff;font-size:14px;margin:0 auto;display:none;overflow:hidden}
#indexbody #process #procecon dl dt img{width:96%;max-height:215px;margin-bottom:10px}
#indexbody #process #procecon dl:hover dd{display:block;}
#indexbody #process #procecon dl:hover .procetxt{display:block;}
}



@media screen and (max-width: 768px) {
#indexbody #contact{display:none}
}
@media screen and (min-width: 768px) {
#indexbody #contact{background:url(../images/contact_pic.jpg) right center no-repeat;width:98%;height:146px;margin:0 auto;overflow:hidden}
#indexbody #contact #contcon{background:url(../images/contact_tel.jpg) left center no-repeat;width:95%;height:146px;margin:0 auto;overflow:hidden}
#indexbody #contact #contcon #contxt{width:700px;height:auto;margin-left:95px;margin-top:40px;float:left;color:#898989;font-size:14px;overflow:hidden}
#indexbody #contact #contcon #contxt span{color:#ec6c00;font-size:20px;}
}
/*Ê×Ò³¼ò½é¼°ÐÂÎÅcss½áÊø*/

/*ÄÚÒ³·ç¸ñcss¿ªÊ¼*/

@media screen and (max-width: 768px) {
#nybody{width:100%;max-width:1200px;height:auto;margin:15px auto;margin-bottom:6.5em;overflow:hidden}
#nybody #left{width:0px;height:0px;display:none;overflow:hidden}
#nybody #right{width:90%;height:auto;margin:0 auto;overflow:hidden}
}
@media screen and (min-width: 768px) {
#nybody{width:100%;max-width:1200px;height:auto;margin:15px auto;overflow:hidden}
#nybody #left{width:20%;height:auto;float:left;display:inline;overflow:hidden}
#nybody #right{width:68%;height:auto;float:left;display:inline;/*position:absolute;left:240px;*/margin-left:4%;overflow:hidden}
}

#nybody #left .catalog{width:100%;height:auto;margin-bottom:20px;overflow:hidden}
#nybody #left .catalog #onlinechat{width:100%;height:auto;margin-bottom:5px;overflow:hidden}
#nybody #left .catalog #onlinechat img{width:100%;height:auto;}
#nybody #left .catalog .catop{background:#18448D;width:100%;height:35px;line-height:35px;color:#ffffff;font-size:16px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center;overflow:hidden}
#nybody #left .catalog .camid{width:expression((obj.width - 2) + "px");height:auto;border:1px #ececec solid;background:#f4f4f4;overflow:hidden}
#nybody #left .catalog .camid ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}
#nybody #left .catalog .camid ul li{background:url(../images/left_abicon.jpg) left center no-repeat;width:85%;height:35px;line-height:35px;text-align:left;display:block;margin:0 auto;border-bottom:1px #dbdbdb dashed;list-style:disc;overflow:hidden}
#nybody #left .catalog .camid ul li a{width:185px !important;width:100%;height:35px;line-height:35px;text-align:left;padding-left:15px;font-size:12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#nybody #left .catalog .camid ul li a:hover{background:#18448e;width:185px !important;width:100%;height:35px;line-height:35px;text-align:left;padding-left:15px;display:block;margin:0 auto;color:#ffffff;font-size:12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}

#nybody #left .catalog .camid{background:#eaeaea;width:100%;height:auto;overflow:hidden}
#nybody #left .catalog .camid dl{width:85%;height:auto;margin:15px auto;overflow:hidden}
#nybody #left .catalog .camid dl dt{background:url(../images/catalog_jg.jpg) center bottom no-repeat;width:100%;height:25px;line-height:20px;font-size:14px;color:#18448e;overflow:hidden}
#nybody #left .catalog .camid dl dt a{font-size:14px;color:#18448e;}
#nybody #left .catalog .camid dl dd{width:100%;height:auto;margin-top:5px;line-height:20px;font-size:12px;color:#898989;overflow:hidden}

#nybody #left .catalog .newsmid{width:expression((obj.width - 2) + "px");height:auto;border:1px #ececec solid;background:#f4f4f4;overflow:hidden}
#nybody #left .catalog .newsmid ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}
#nybody #left .catalog .newsmid ul li{width:85%;height:30px;line-height:30px;text-align:left;display:block;margin:0 auto;border-bottom:1px #dbdbdb dashed;list-style:disc;overflow:hidden}
#nybody #left .catalog .newsmid ul li a{width:100%;height:30px;line-height:30px;text-align:left;font-size:12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#nybody #left .catalog .newsmid ul li a:hover{color:#cc0000;font-size:12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#nybody #left .catalog .camid #camidhover{background:url(../images/left_abicon.jpg) left center no-repeat;width:85%;height:35px;line-height:35px;text-align:left;font-size:12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#nybody #left .catalog .camid #camidhover a{color:#18448e;font-weight:bold}
#nybody #left .catalog .camid #camidhover a:hover{color:#ffffff;}
#nybody #left .catalog .camid img{margin-top:6px;vertical-align:middle;}
#nybody #left .catalog .camid .camidny{width:90%;height:auto;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;margin:0 auto;padding-top:8px;padding-bottom:10px;text-align:left;line-height:20px;overflow:hidden}
#nybody #left .catalog .caend{background:url(../images/cata_end.jpg) top center no-repeat;width:100%;height:7px;font-size:0px;overflow:hidden}

#nybody #right #abtitle{background:url(../images/abtitle_icon.jpg) left center no-repeat;width:100%;height:37px;border-bottom:1px #ebebeb solid;overflow:hidden}
#nybody #right #abtitle span{height:37px;line-height:35px;color:#18448e;font-size:16px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;padding-left:40px;float:left;display:inline;overflow:hidden}
#nybody #right #abtitle span font{color: #999999;}

@media screen and (max-width: 768px) {
#nybody #right #abtitle h5{width:auto;height:37px;text-align:right;float:right;display:inline}
#nybody #right #abtitle h6{/*display:none;*/width:auto;height:35px;line-height:35px;text-align:right;float:right;display:inline}
div.slide-mask {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: none;
}
aside.slide-wrapper {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 70%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
aside.slide-wrapper > div {
  background-color: #343434;
  min-height: 100%;
}
aside.slide-wrapper > div > div {
  padding: 0 10px;
  height: 45px;
  background-color: #262626;
  overflow: hidden;
}
aside.slide-wrapper > div > div strong {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
aside.slide-wrapper.moved {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
aside.slide-wrapper li > a {
  padding: 15px 10px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #262626;
  font-size: 15px;
  display: block;
  color: #fff;
}
aside.slide-wrapper li.current > a {
  background-color: #262626;
}
#nybody #right #nyabcon #prodcansh{width:100%;height:auto;margin:10px auto;overflow:hidden}
#nybody #right #nyabcon #prodcansh #prodpic{width:100%;height:auto;text-align:center;margin:0 auto;display:none}
#nybody #right #nyabcon #prodcansh #prodpicm{width:100%;height:auto;text-align:center;margin:0 auto;overflow:hidden}
#nybody #right #nyabcon #prodcansh #canshu{width:100%;height:auto;text-align:left;float:left;overflow:hidden}
#nybody #right #nyabcon #prodcansh #pitu{width:100%;height:auto;text-align:center;margin:0 auto;}
#nybody #right #nyabcon #prodcansh #pitu img{max-width:100%;height:auto;text-align:center;margin:0 auto;overflow:hidden}
}
@media screen and (min-width: 768px) {
#nybody #right #abtitle h5{display:none;}
#nybody #right #abtitle h6{width:250px;height:37px;line-height:37px;text-align:right;float:right;display:inline;overflow:hidden}
#nybody #right #abtitle h6 a{font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
#nybody #right #nyabcon #prodcansh{width:100%;height:auto;margin:10px auto;overflow:hidden}
#nybody #right #nyabcon #prodcansh #prodpic{width:45%;min-width:352px;height:auto;text-align:center;float:left;overflow:hidden}
#nybody #right #nyabcon #prodcansh #prodpicm{width:45%;height:auto;text-align:center;float:left;display:none}
#nybody #right #nyabcon #prodcansh #canshu{width:50%;margin-left:5%;height:auto;text-align:left;float:left;overflow:hidden}
#nybody #right #nyabcon #prodcansh #pitu{width:100%;display:none}

}
#nybody #right #nyabcon{width:100%;height:auto;text-align:left;line-height:25px;padding-top:10px;padding-bottom:10px;overflow:hidden}
#nybody #right #nyabcon table,#nybody #right #nyabcon th,#nybody #right #nyabcon td{padding:0px;}
#nybody #right #nyabcon table img,#nybody #right #nyabcon th img,#nybody #right #nyabcon td img{max-width:100%}
#nybody #right #nyabcon .contenttitle{background:url(../images/left.png) 0px -73px;padding-left:20px;height:30px;color:#cc0000;font-weight:bold;border-top:1px #ececec solid;border-left:1px #ececec solid;border-right:1px #ececec solid;font-size:14px}
#nybody #right #nyabcon #chatclass{width:165px;height:45px;line-height:16px;font-size:14px;float:left;margin-left:30px;overflow:hidden}

#nybody #right #nyabcon #feedback ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden}
#nybody #right #nyabcon #feedback ul li{width:100%;height:35px;margin:0px;padding:0px;margin-bottom:15px;display:block;overflow:hidden}
#nybody #right #nyabcon #feedback #orderfl{width:340px;height:50px;margin:0px;padding:0px;color:#666666;font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;margin-bottom:15px;display:block;overflow:hidden}
#nybody #right #nyabcon #feedback #orderfl #orderfltxt{width:44px;height:50px;float:left;overflow:hidden}
#nybody #right #nyabcon #feedback #orderfl #orderflch{width:296px;height:50px;float:left;overflow:hidden}
#nybody #right #nyabcon #feedback #orderfl #orderflch span{width:148px;height:25px;line-height:15px;float:left;vertical-align:middle;overflow:hidden}
#nybody #right #nyabcon #feedback #hisub{width:340px;height:37px;margin-bottom:14px;display:block;overflow:hidden}
#nybody #right #nyabcon #feedback #odly{width:100%;height:auto;margin-bottom:14px;display:block;overflow:hidden}
#nybody #right #nyabcon #feedback .inputclass{width:90%;padding-left:10px;height:33px;line-height:33px;color:#999999;margin-bottom:5px;border:1px #dcdcdc solid;outline:0}
#nybody #right #nyabcon #feedback .inputclass2{width:40%;padding-left:10px;height:33px;line-height:33px;color:#999999;margin-bottom:5px;border:1px #dcdcdc solid;outline:0}
#nybody #right #nyabcon #feedback .iptclass{width:90%;padding-left:7px;height:75px;line-height:23px;color:#999999;margin-bottom:5px;border:1px #dcdcdc solid;overflow:hidden;outline:0}

@media screen and (max-width: 768px) {
#nybody #right #nyabcon #feedback{width:100%;height:auto;float:left;margin:20px auto;overflow:hidden}
#nybody #right #nyabcon #vieworder{width:100%;height:290px;float:left;margin-top:20px;overflow:hidden}
}
@media screen and (min-width: 768px) {
#nybody #right #nyabcon #feedback{width:45%;height:505px;float:left;margin-top:20px;overflow:hidden}
#nybody #right #nyabcon #vieworder{width:45%;height:290px;float:left;margin-top:20px;margin-left:10%;overflow:hidden}
}
 
#nybody #right #nyabcon #vieworder #votitle{background:#C8000B;width:100%;height:35px;line-height:35px;text-align:center;color:#ffffff;font-size:18px;overflow:hidden}
#nybody #right #nyabcon #vieworder #vocon{background:#F4F7F6;width:100%;height:255px;overflow:hidden}
#nybody #right #nyabcon #vieworder #vocon ul{width:100%;height:255px;overflow:hidden}
#nybody #right #nyabcon #vieworder #vocon ul li{width:85%;height:34px !important;height:35px;line-height:35px;border-bottom:1px #dcdcdc dashed;margin:0 auto;display:block;overflow:hidden}
#nybody #right #nyabcon #vieworder #vocon ul li a{font-size:14px;}

#nybody #right #nyabhj{width:expression((obj.width - 2) + "px");height:auto;margin-top:30px;border:1px #dcdcdc solid;overflow:hidden}
#nybody #right #nyabhj #hjtitle{background:url(../images/gc_title_bg.jpg);width:100%;height:35px;line-height:35px;color:#cc0000;font-size:14px;overflow:hidden}
#nybody #right #nyabhj #hjcon{width:100%;height:auto;overflow:hidden}

.products{width:100%;height:auto;margin:10px auto;overflow:hidden;}
.products P {HEIGHT:auto;overflow:hidden}
.products P.topTit {WIDTH:20px;HEIGHT:28px;padding:0px; margin:0px;FLOAT:left;overflow:hidden}
.products P.topC0{background:url(../images/left.png) 0px -73px;WIDTH: 100px;HEIGHT:28px;line-HEIGHT:28px;padding:0px; margin:0px;margin-right:5px;font-size:13px;font-weight:bold;color:#222222;CURSOR: pointer;text-align:center;FLOAT:left;overflow:hidden}
.products P.topC1{background-image:url(../images/cata_menu_bg.png);WIDTH:100px;HEIGHT:28px;line-HEIGHT:28px;padding:0px; margin:0px;margin-right:5px;font-size:13px;font-weight:bold;COLOR:#ffffff;text-align:center;FLOAT:left;overflow:hidden}
.products #title_tit{HEIGHT:28px;overflow:hidden}
.products #title_cnt{width:768px !important;width:770px;height:auto;LINE-HEIGHT:25px;TEXT-ALIGN:center;overflow:hidden;border:1px #ececec solid;}
.products #title_cnt #con{width:740px;height:auto;text-align:left;margin:0 auto;overflow:hidden;}
/*ÄÚÒ³·ç¸ñcss½áÊø*/


/*ͼƬ·Å´ó¾µÑùʽ*/
.jqzoom{ margin:auto auto auto auto;border:none;position:relative;padding:0px;cursor:pointer;text-align:center;display:block;}
.jqzoom img{ margin:auto;max-width:750px;max-height:560px;text-align:center;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*ͼƬСͼԤÀÀÁбí*/
.spec-preview{width:350px;height:250px;border:1px solid #DFDFDF;margin:0px}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"ËÎÌå";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:66px;margin:0px;padding:0px}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;}

/*ͼƬСͼԤÀÀÁбí*/
.spec-preview2{width:750px;height:460px;text-align:center;border:1px solid #DFDFDF;overflow:hidden}
.spec-scroll2{clear:both;margin-top:5px;width:752px;}
.spec-scroll2 .prev{float:left;margin-right:4px;}
.spec-scroll2 .next{float:right;}
.spec-scroll2 .prev,.spec-scroll2 .next{display:block;font-family:"ËÎÌå";text-align:center;width:10px;height:60px; line-height:60px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll2 .items{float:left;position:relative;width:710px;height:66px;overflow:hidden;}
.spec-scroll2 .items ul{position:absolute;width:999999px;height:66px;margin:0px;padding:0px}
.spec-scroll2 .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll2 .items ul li img{border:1px solid #CCC;padding:2px;width:56px;height:56px;}
.spec-scroll2 .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.xgal{width:100%;height:auto;overflow:hidden}
.xgal img{width:105px;height:90px;border:1px #E6E6E6 solid;float:left;margin:8px;overflow:hidden;}


.td1{font-family: Arial, Helvetica, sans-serif; background-image:url(../images/menu_r1_c1.jpg)}
.td-menu{font-family: Arial, Helvetica, sans-serif; background-image:url(../images/menu_bg.jpg)}
.td2{padding-left:10px}
.td3{padding-top:8px}
.td4{padding-bottom:8px}
.td5{padding-left:20px}
.td6{COLOR: #666666;font-family: Verdana, Arial;}
.td7{border-bottom:1px #ececec solid}
.td8{border-bottom:1px #dddddd solid}
.td9{border-bottom:1px #cccccc dotted}
.tdabout{background:url(../images/service_icon.gif) no-repeat 5;padding-left:25px;border-bottom:1px dashed #cccccc}

h1,h2,h3 {display:inline;font-family: Arial, Helvetica, sans-serif;font-size:12px;LINE-HEIGHT: 160%;}
ul,li{font-family: Arial, Helvetica, sans-serif;font-size:12px;}

.td-all{padding:10px}
.td-all2{padding:12px}
.tb1{margin-bottom:10px}
.tb2{margin-top:10px}
.tb3{border:1px #ececec solid}
.tb4{border:1px #333333 solid}
.tb5{margin-bottom:20px}
.tb6{margin-top:20px}
.font-w{COLOR: #ffffff;}
.font-6{COLOR: #666666;}
.font-blue{color:#235AA6}
.font-red{font-family: Verdana, Arial;color:#cc0000}
.font-y{color:#EDDE99}
.b{font-weight:bold}

A.red:link,a.red:visited {COLOR: #cc0000;font-family: Verdana, Arial;font-size: 9pt;text-decoration: none;}
A.red:hover {COLOR: #ff0000;font-family: Verdana, Arial;font-size: 9pt;text-decoration: none;}

A.fox:link,A.fox:visited {COLOR: #666666;font-family: Arial, Helvetica, sans-serif,Verdana;font-size: 9pt;text-decoration: none;}
A.fox:hover {COLOR: #cc2200;font-family: Arial, Helvetica, sans-serif,Verdana;font-size: 9pt;text-decoration: none;}

A.white:link,A.white:visited {COLOR: #ffffff;font-family: Verdana, Arial;font-size:12px;text-decoration: none;}
A.white:hover {COLOR: #ffff00;font-family: Verdana, Arial;font-size:12px;text-decoration: none;}

A.white2:link,A.white2:visited {COLOR: #ffffff;font-family: Verdana, Arial;font-size: 9pt;text-decoration: none;}
A.white2:hover {COLOR: #ffffff;font-family: Verdana, Arial;font-size: 9pt;text-decoration: none;}

A.white3:link,A.white3:visited {COLOR: #ffffff;width:100px;font-size:14px;text-align:center;display: inline;list-style:none}
A.white3:hover {COLOR: #ffffff;width:100px;font-size:14px;text-align:center;display: inline;list-style:none}

A.blue:link,A.blue:visited {COLOR: #4559A2;font-family:Arial, Helvetica, sans-serif,Verdana;font-size: 9pt;text-decoration: none;}
A.blue:hover {COLOR: #ff6600;font-family:Arial, Helvetica, sans-serif,Verdana;font-size: 9pt;text-decoration: none;}

A.cata:link,a.cata:visited {COLOR: #000000;font-family: Verdana, Arial;font-size: 10pt;text-decoration: none;}
A.cata:hover {COLOR: #ff0000;font-family: Verdana, Arial;font-size: 10pt;text-decoration: none;}

li {color:#DDCF8F;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;display: inline;list-style:none}


@media screen and (max-width: 768px) {
.mobprodget{width:50%;margin:10px 0px;float:left}
.case_p_con{width:100%;height:auto;overflow:hidden;margin:0 auto}
.case_p_con .caseimg{width:90%;height:auto;text-align:center;margin:0 auto;}
.case_p_con .caseimg img{width:100%;height:auto;border:1px #ececec solid;}
.case_p_con .case_p_name{width:100%;height:20px;line-height:20px;font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center}
.case_p_con .case_p_name a{font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center}
.case_p_con .case_p_bh{width:100%;height:30px;line-height:30px;text-align:center;margin:0 auto}
.case_p_con .case_p_bh span{font-size:16px;color:#ff6600;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;display:block;text-align:center}
.case_p_con .case_p_bh img{border:0px;margin-top:4px;float:right}
.case_p_con .case_p_bh h4{width:100%;line-height:30px;font-size:13px;color:#333333;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center;display:block;margin:0 auto}
}
@media screen and (min-width: 768px) {
.mobprodget{width:33%;margin:15px auto;float:left}
.case_p_con{width:100%;height:auto;overflow:hidden;margin:0 auto}
.case_p_con .caseimg{width:90%;width:expression((obj.width - 2) + "px");height:auto;max-height:240px;text-align:center;margin:0 auto;overflow:hidden;border:1px #ececec solid;}
.case_p_con .caseimg img{width:100%;height:auto;max-height:240px}
.case_p_con .case_p_name{width:100%;height:30px;line-height:30px;font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center}
.case_p_con .case_p_name a{font-size:14px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center}
.case_p_con .case_p_bh{width:100%;height:30px;line-height:30px;text-align:center;margin:0 auto}
.case_p_con .case_p_bh span{font-size:16px;color:#ff6600;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;display:block;text-align:center}
.case_p_con .case_p_bh img{border:0px;margin-top:4px;float:right}
.case_p_con .case_p_bh h4{width:100%;line-height:30px;font-size:13px;color:#333333;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;text-align:center;display:block;margin:0 auto}
}

#MainPromotionBanner{width:1000px;height:350px;background:#feb900;margin:0 auto}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;	height:350px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width:1000px;height:350px;}
#MainPromotionBanner .Slides img{border:0;display: block;width:1000px;height:350px;}
#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top:330px; right: 0px;z-index: 10;height: 20px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #ffffff;text-align: center;line-height:14px;width: 16px;height: 14px;font-family: Arial;	font-size: 12px;cursor: pointer;overflow: hidden; margin:0px 2px;background-color:#000000;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background-color:#ff9900;border:0; font-size: 12px;line-height: 14px;height: 14px;width: 16px;margin:0px 2px; }

/**/
@media screen and (max-width: 768px) {
#copyright{width:0px;height:0px;overflow:hidden;display:none}
#copytxt{display:none}
#copytxt span{width:0px;height:0px;overflow:hidden;display:none}
#mobbottom{background:#18448D;width:100%;height:4.5em;position:_fixed;position:fixed;left:0px;bottom:0px;z-index:10;margin:0;padding:0;}
#mobbottom > ul{width:100%;height:4.5em;margin:0px;padding:0px;overflow:hidden}
#mobbottom > ul > li{ position:relative;width:20%;height:4.5em;color:#ffffff;font-size:0.9em;line-height:100%;text-align:center;margin:0;padding:0;float:left;overflow:hidden}
#mobbottom > ul > li > a{width:100%;height:4.5em;color:#ffffff;font-size:1em;font-family:΢ÈíÑźÚ,Microsoft YaHei,ËÎÌå,ºÚÌå,Arial,Helvetica,sans-serif;line-height:100%;text-align:center;text-decoration:none;display:block;overflow:hidden;}
#mobbottom > ul > li > a:hover{background: #666666;width:100%;height:4.5em;color:#ffffff;font-size:1em;line-height:100%;text-align:center;display:block;overflow:hidden;}
#mobbottom > ul > li img{width:auto;height:2em;border:0px;margin-top:0.8em;text-align:center;}

#mobbottom #bottomclass{position:absolute;width:50%;left:0;bottom:4.5em;height:auto;margin:0 auto;z-index:1008;}
#mobbottom #bottomclass > ul > li{background:#18448e;width:100%;position:relative;left:0;bottom:0;border-bottom:solid 1px #316a91;display:block;z-index:1009;}
#mobbottom #bottomclass > ul > li a{background:#18448e;padding-left:1.5em;width:100%;position:relative;left:0;bottom:0;color:#ffffff;height:2.5em;line-height:2.5em;font-size:1.2em;font-family:΢ÈíÑźÚ,Arial,Verdana,Helvetica, sans-serif;display:block;line-height: 36px;}
#mobbottom #bottomclass > ul > li > .inactive{background:url(../images/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#mobbottom #bottomclass > ul > li > .inactives{background:url(../images/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#mobbottom #bottomclass #noneuse{width:0px;height:0px;overflow:hidden}
#mobbottom #bottomclass ul li > ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden;display: none;}
#mobbottom #bottomclass ul li ul li {width:100%;height:2.5em;line-height:2em;border-left:0; border-right:0;display:block}
#mobbottom #bottomclass ul li ul li a{background:#6196bb;padding-left:1.5em;height:2.5em;line-height:2em;border-bottom:1 solid #467ca2;display:block}
#mobbottom #bottomclass ul li ul li ul{display: none;}
#mobbottom #bottomclass ul li ul li ul li { background-color:#dcdcdc; border-color:#6196bb; }
#mobbottom .last{ background-color:#d6e6f1; border-color:#6196bb; }
#mobbottom .secmenu{background-color:#dcdcdc;color:000000; border:1px solid #6196bb; }
#mobbottom #bottomclass ul li ul li ul li a{ color:#316a91; padding-left:30px;}

}
@media screen and (min-width: 768px) {
#copyright{background:#F5F5F5;clear:both;width:100%;height:auto;margin:0 auto;}
#copytxt{background:#2E2E2E;width:100%;height:50px !important;height:55px;line-height:50px;border-top:5px #18438F solid;font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;color:#ffffff;font-size:14px;text-align:center;margin:0 auto;}
#copytxt span{height:55px;line-height:50px;font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;color:#ffffff;font-size:14px;text-align:center;margin:0 auto;}
#mobbottom{display:none}
}
#copyright #crcon{width:100%;max-width:1200px;height:auto;margin:0 auto;overflow:hidden}
#copyright #crcon #crdh{width:650px;height:40px;line-height:40px;margin-top:30px;font-size:24px;text-align:left;border-bottom:1px #BABABA solid;overflow:hidden}
#copyright #crcon #crtcon{width:100%;max-width:1200px;height:280px;text-align:left;margin:0 auto;}
#copyright #crcon #crtcon dl{width:120px;height:280px;text-align:left;margin:0px;padding:0px;float:left;}
#copyright #crcon #crtcon #dllong{width:150px;height:170px;text-align:left;margin:0px;padding:0px;float:left;}
#copyright #crcon #crtcon dl dt{width:120px;height:40px;line-height:40px;font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;font-size:14px;color:#18448e;font-weight:bold;text-align:left;margin:0px;padding:0px;margin-top:10px;}
#copyright #crcon #crtcon dl dd{width:120px;height:25px;line-height:25px;font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;text-align:left;margin:0px;padding:0px;}
#copyright #crcon #crtcon dl dd a{width:120px;height:25px;line-height:25px;font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;text-align:left;margin:0px;padding:0px;}
#copyright #crcon #crtcon #erweima{background:url(../images/erweima.jpg) 115px 22px no-repeat;width:240px;height:190px;text-align:left;float:right;}
#copyright #crcon #crtcon #erweima #friendships{width:241px;height:55px !important;height:45px;border-top:1px #E4E4E4 solid;margin-top:35px;padding-top:10px;text-align:left;float:right;}
#copyright #friendship{width:100%;max-width:1200px;height:45px;line-height:45px;font-size:14px;margin:0 auto;overflow:hidden}
#copyright #friendship a{font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;font-size:14px;}

#copytxt a{font-family:΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif,Verdana;font-size:14px;color:#ffffff;}

@media screen and (max-width: 768px) {
#lovexin12{display:none}
}
@media screen and (min-width: 768px) {
#lovexin12{display:block}
}
/**/